<template>
  <div>
    <!-- 企业画像 -->
    <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
      <el-tab-pane name="1" label="标签信息"></el-tab-pane>
      <div class="mb10 pull-right">
        <el-button plain type="primary" link>标签说明</el-button>
      </div>
      <div>
        <p class="title_1">企业基本信息</p>
        <el-row class="mt10 mb10">
          <el-col :span="24">
            <el-tag v-for="tag in tagList" :key="tag.value" class="ml10" size="large" effect="dark">{{ tag.name }}</el-tag>
          </el-col>
        </el-row>
      </div>
      <div>
        <p class="title_1">我司业务信息</p>
        <el-row class="mt10 mb10">
          <el-col :span="24">
            <el-tag v-for="tag in tagList_" :key="tag.value" class="ml10" type="success" size="large" effect="dark">{{ tag.name }}</el-tag>
          </el-col>
        </el-row>
      </div>
      <div>
        <p class="title_1">客户风险信息</p>
        <el-row class="mt10 mb10">
          <el-col :span="24">
            <el-tag v-for="tag in tagList_0" :key="tag.value" class="ml10" type="warning" size="large" effect="dark">{{ tag.name }}</el-tag>
          </el-col>
        </el-row>
      </div>
    </el-tabs>
  </div>
</template>

<script setup name="corporatePortrait">
import { reactive, ref, toRefs } from "vue"

  const activeName = ref('1')
  const tagList = ref([
    { name: '上市公司', value: 0 },
    { name: '事业单位', value: 1 },
    { name: '电力行业企业', value: 2 },
    { name: '股权有限公司', value: 3 },
    { name: '内资', value: 4 },
    { name: '员工人数0-50w', value: 5 },
  ])
  const tagList_ = ref([
    { name: '车非融合客户', value: 0 },
    { name: '重客', value: 1 },
    { name: '团车', value: 2 },
    { name: '当前非车有效客户', value: 3 },
    { name: '当前有效车险客户', value: 4 },
    { name: '三年存量客户', value: 5 },
  ])
  const tagList_0 = ref([
    { name: '重大火灾隐患', value: 0 },
    { name: '信用风险', value: 1 },
    { name: '市场风险', value: 2 }
  ])

  const handleClick = (tab) => {

  }
</script>
<style lang="scss" scoped>
</style>
